<template>
  <div @click="sendSkipToGoods" class="mw-column-style mw-main-background-white" style="width:3.45rem;padding:0.15rem;">
    <img :src="detail.image_url" style="width:3.45rem;height:1.61rem;object-fit:cover;border-radius: 0.08rem;margin-bottom: 0.12rem;"/>
    <div class="mw-first-text-color" style="font-weight:bold;font-size:0.17rem;width: 100%;margin-bottom:0.08rem;">{{detail.name}}</div>
    <div class="mw-row-style" style="align-items: baseline">
      <div class="mw-main-red" style="font-size: 0.17rem">￥{{detail.price}}</div>
      <div v-if="detail.original_price != detail.price" class="mw-third-text-color" style="font-size: 0.11rem;text-decoration:line-through">￥{{detail.original_price}}</div>
    </div>

  </div>
</template>
<script>
  import utils from '../utils'
  import httputil from '../httputil'
  export default {
    props: ['detail','enter'],
    data() {
      return {

      }
    },
    mounted() {

    },
    computed: {},
    methods: {
      sendSkipToGoods(){
        this.$vuet.getModule(this.enter).needFetch = false
        this.$router.push({name: 'goodsdetail', query: {id: this.detail.id}})
      },
    }
  }

</script>
<style>

</style>
